* {
  box-sizing: border-box;
}

/* 测试样式 */
.bd {
  border: 1px solid red;
}

/* 公共边框 */
.th-bd {
  border: 1px solid #ccc;
}

/* 公共外边距 */
.ml20 {
  margin-left: 20px;
}
.mtb20 {
  margin: 20px 0;
}

/* 公共内边距 */
.plr20 {
  padding: 0 20px;
}
.ptb20 {
  padding: 20px 0;
}

/* element 滚动条 */
.el-scrollbar__thumb {
  background: teal !important;
}
.el-scrollbar {
  height: 100%;
}
.el-scrollbar__wrap {
  overflow: scroll;
  // width: 110%;
  height: 110% !important; //scroll_message下方滚动条需要挤出原生
  overflow-x: hidden;
}
.el-scrollbar__bar {
  right: 0 !important;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 滑块部分 */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: teal;
}

/* 轨道部分 */
::-webkit-scrollbar-track {
  // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ffffff;
}
